<style>
#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("images/loading_bar.gif") no-repeat center center #fff;
}
</style>
<div class="container-fluid">
  <div class="row-fluid container_bg">
	<div ng-include="'side-menu.html'"></div>
	<div class="span9 pos_r" style="padding-right:20px;">
		<div class="container_title">
			<div class=""><h1>All Complaints</h1></div>
			<div  id="success_alert" class="alert_sucess alert alert-success span11" style="display:none;">
				<i class="icon-ok"></i>&nbsp;&nbsp;
				<span  id="cancelled_order"></span>
			</div>
			<div class="container_form_top table-responsive" id="complaint_replies">
				<div ng-repeat="n in notis">
					<div class="media">
						<a class="pull-left" href="#">
							<img src="https://lh3.googleusercontent.com/uFp_tsTJboUY7kue5XAsGA=w48-c-h48" class="media-object img_profile">
						</a>
						<div class="media-body">
							<h4 id="shop_name_complaint" class="media-heading">{{ n.user_name }} &nbsp;&nbsp;&nbsp;&nbsp; TRACKING ID:{{ n.complaint_on_id }} </h4>
							<p id="shop_name_complaint_text">{{ n.complaint }}</p>
							<div ng-if='n.reply_text!=null'>
							    <div class="media">
									<a class="pull-left" href="#">
										<img src="https://lh3.googleusercontent.com/uFp_tsTJboUY7kue5XAsGA=w48-c-h48" class="media-object img_profile">
									</a>
									<div class="media-body"><h4 class="media-heading">Replay&nbsp;&nbsp;&nbsp; {{ n.shop_name }}</h4>
										<p>{{ n.reply_text }}</p>
									</div>
								</div>
							</div>							
						</div>
						</div>
					</div>
				</div>
			</div>		
			<div id="errornodata_message">
			</div>
		</div>	  
	</div><!--/span-->
  </div><!--/row-->
</div><!--/.fluid-container-->

